<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/2.css"/>
</head>
<body>
    <div>
        <div class="touzi" flex="main:center cross:center">
            <div class="dian"></div>
        </div>
        <div class="touzi" flex="dir:top main:justify cross:center">
            <div class="hang" flex="main:left">
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:right">
                <div class="dian1"></div>
            </div>
        </div>
        <div class="touzi" flex="dir:top main:justify cross:center">
            <div class="hang" flex="main:left">
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:center">
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:right">
                <div class="dian1"></div>
            </div>
        </div>
        <div class="touzi" flex="dir:top main:justify cross:center">
            <div class="hang" flex="main:justify">
                <div class="dian2"></div>
                <div class="dian2"></div>
            </div>
            <div class="hang" flex="main:justify">
                <div class="dian2"></div>
                <div class="dian2"></div>
            </div>
        </div>
        <div class="touzi" flex="dir:top main:justify cross:center">
            <div class="hang" flex="main:justify">
                <div class="dian1"></div>
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:center">
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:justify">
                <div class="dian1"></div>
                <div class="dian1"></div>
            </div>
        </div>
        <div class="touzi" flex="dir:top main:justify cross:center">
            <div class="hang" flex="main:justify">
                <div class="dian1"></div>
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:justify">
                <div class="dian1"></div>
                <div class="dian1"></div>
            </div>
            <div class="hang" flex="main:justify">
                <div class="dian1"></div>
                <div class="dian1"></div>
            </div>
        </div>
    </div>
    <div>
        <div class="poker" flex="main:center cross:center">
            <div class="top">
                <p>A</p>
                <p>♣</p>
            </div>
            <div class="ch" >♣</div>
            <div class="bottom">
                <p>A</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="dir:top cross:center main:justify">
            <div class="top">
                <p>2</p>
                <p>♣</p>
            </div>

            <div class="ch">♣</div>
            <div class="ch1">♣</div>

            <div class="bottom">
                <p>2</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="dir:top cross:center main:justify">
            <div class="top">
                <p>3</p>
                <p>♣</p>
            </div>

            <div class="ch">♣</div>
            <div class="ch">♣</div>
            <div class="ch1">♣</div>

            <div class="bottom">
                <p>3</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="dir:top cross:center main:justify">
            <div class="top">
                <p>4</p>
                <p>♣</p>
            </div>
            <div flex="cross:justify main:center">
                <div class="ch">♣</div>
                <div class="ch">♣</div>
            </div>
            <div flex="cross:justify main:justify">
                <div class="ch1">♣</div>
                <div class="ch1">♣</div>
            </div>
            <div class="bottom">
                <p>4</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="dir:top cross:center main:justify">
            <div class="top">
                <p>5</p>
                <p>♣</p>
            </div>
            <div flex="cross:justify main:center">
                <div class="ch">♣</div>
                <div class="ch">♣</div>
            </div>
            <div class="ch">♣</div>
            <div flex="cross:justify main:justify">
                <div class="ch1">♣</div>
                <div class="ch1">♣</div>
            </div>
            <div class="bottom">
                <p>5</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="dir:top cross:center main:justify">
            <div class="top">
                <p>6</p>
                <p>♣</p>
            </div>
            <div flex="cross:justify main:center">
                <div class="ch">♣</div>
                <div class="ch">♣</div>
            </div>
            <div flex="cross:justify main:center">
                <div class="ch">♣</div>
                <div class="ch">♣</div>
            </div>
            <div flex="cross:justify main:justify">
                <div class="ch1">♣</div>
                <div class="ch1">♣</div>
            </div>
            <div class="bottom">
                <p>6</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="main:center">
            <div class="top">
                <p>7</p>
                <p>♣</p>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
            </div>
            <div flex="cross:justify main:center">
                <div class="c5">♣</div>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
            </div>
            <div class="bottom">
                <p>7</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="main:center">
            <div class="top">
                <p>8</p>
                <p>♣</p>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c5">♣</div>
                <div class="c6">♣</div>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
            </div>
            <div class="bottom">
                <p>8</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="main:center">
            <div class="top">
                <p>9</p>
                <p>♣</p>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
                <div class="c3">♣</div>
            </div>
            <div flex="cross:center main:center">
                <div class="c2">♣</div>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
                <div class="c3">♣</div>
            </div>
            <div class="bottom">
                <p>9</p>
                <p>♣</p>
            </div>
        </div>
        <div class="poker" flex="main:center">
            <div class="top">
                <p>10</p>
                <p>♣</p>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
                <div class="c3">♣</div>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c5">♣</div>
                <div class="c6">♣</div>
            </div>
            <div flex="dir:top cross:justify main:justify">
                <div class="c2">♣</div>
                <div class="c2">♣</div>
                <div class="c3">♣</div>
                <div class="c3">♣</div>
            </div>
            <div class="bottom">
                <p>10</p>
                <p>♣</p>
            </div>
        </div>
    </div>
</body>
</html>